<section class="panel panel-default">
    <header class="panel-heading text-right bg-light">
        <ul class="nav nav-tabs pull-left">
            {volist name="groups" id="group"}
            <li <?php reset($groups); if ( key($groups)==$key ) { ?>class="active"<?php } ?>>
                <a href="#tab-{$key}" data-toggle="tab">
                    <i class="fa {$group.icon??'fa-cog'}">
                    </i>
                   {$group.title??$key}
                </a>
            </li>
            {/volist}
        </ul>
        <span class="hidden-sm">
            Left tab
        </span>
    </header>
    <div class="panel-body">
        <div class="tab-content">
            {volist name="groups" id="group"}
                <div id="tab-{$key}" class="tab-pane <?php reset($groups); if ( key($groups)==$key ) { ?>active<?php } ?>">
                    {volist name="keyList" id="field"}
                       <?php if (
                                in_array($field['name'], $group['items']) || (
                                    is_array($field['name']) &&
                                    in_array(implode('|', $field['name']), $group['items'])
                                )
                            ) {
                        ?>
                            {include file="my/_inline"}
                        <?php } ?>
                    {/volist}
                </div>
            {/volist}
           
            
        </div>
    </div>
</section>
